$(function() {

    //进入到index页面之后，马上发送ajax请求，获取用户得信息，并渲染到页面中
    tokens();


    //退出功能
    $('.remo').on('click', function() {
        //询问是否要删除
        layer.confirm('确定要狠心离开么？', { icon: 3, title: '提示' }, function(index) {
            //do something
            localStorage.removeItem('token');
            location.href = "/login.html";
            //关闭弹出层
            layer.close(index);
        });

    })
})

function tokens() {
    $.ajax({

        url: "http://www.liulongbin.top:3007/my/userinfo",
        //设置请求头 token 

        success: function(response) {
            // alert(1)
            console.log(response.message)
            if (response.status === 0) {
                // alert(1)
                //设置欢迎语 
                //有昵称  使用呢称  没有昵称用用户名
                var myName = response.data.nickname || response.data.username
                $('.man').text(myName)


                //设置头像
                if (response.data.user_pic) {
                    $('.test-title').hide(); //图片头像隐藏
                    $('.layui-nav-img').attr('src', response.data.user_pic).show();

                } else {
                    var t = myName.substr(0, 1).toUpperCase(); //截取首字母
                    $('.layui-nav-img').hide();
                    $('.test-title').text(t).css('display', "inline-block")

                }
            }


        },
        complete: function(xhr) { //触发时机是  $.ajax运行完后 
            //这里判断身份验证是否成功
            console.log(xhr);
            if (xhr.responseJSON.status === 1 && xhr.responseJSON.message === '身份认证失败！') {

                //删除假token
                localStorage.removeItem('token');
                //跳转登录页面 
                location.href = '/login.html'
            }

        },
        headers: { //请求token
            'Authorization': localStorage.getItem('token')

        },
    });
}